// Copyright (c) ppy Pty Ltd <contact@ppy.sh>. Licensed under the GNU Affero General Public License v3.0.
// See the LICENCE file in the repository root for full licence text.

.account-edit-status {
  margin-left: 10px;
  display: flex;
  font-weight: bold;

  &__content {
    opacity: 0;
    .fade-element(120ms);
    padding-right: 10px;

    &--saved {
      color: @green;

      [data-account-edit-state="saved"] & {
        opacity: 1;
      }
    }

    &--saving {
      position: absolute;

      @media @desktop {
        .account-edit-status--left & {
          right: 0;
          top: 2px; // better alignment
        }
      }

      [data-account-edit-state="saving"] & {
        opacity: 1;
      }
    }
  }
}
